<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../public/css/common.css">
    <link rel="stylesheet" href="css/couponDetail.css">
    <link rel="stylesheet" href="../public/css/bootstrap.css">
    <link rel="stylesheet" href="../public/iconfont/iconfont.css">
    <!--<style type="text/css">-->
        <!--body {-->
            <!--background: #f3f5f7;-->
        <!--}-->
    <!--</style>-->

    <title>领券中心</title>
</head>
<body>
<div id="myCarousel" class="carousel slide clearfix" data-ride="carousel">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators my-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="images/receive-banner.png" alt="First slide" width="100%"
                 style="text-align: center;display: block;margin: auto;">
        </div>
        <div class="item">
            <img src="images/receive-banner.png" alt="Second slide" width="100%"
                 style="text-align: center;display: block;margin: auto;">
        </div>
    </div>
</div>

<div class="tab-pane">
    <div class="container">
        <div class="tab-module clearfix">
            <div class="first-module">
                <img src="images/left-img.png" width="100%">
            </div>
            <div class="second-module">
                <p>哈尔滨旗航店</p>
                <p><a>￥5</a><span>[满99可用]</span></p>
                <p><span>已领67%</span><span><img src="images/flow.png" width="100%"></span></p>
            </div>
            <div class="third-module">
                <a>免费领取</a>
            </div>
        </div>
    </div>
</div>
<div class="tab-pane">
    <div class="container">
        <div class="tab-module clearfix">
            <div class="first-module">
                <!--<img src="images/left-img.png" width="100%">-->
            </div>
            <div class="second-module">
                <p>哈尔滨旗航店</p>
                <p><a>￥5</a><span>[满99可用]</span></p>
                <p><span>已领67%</span><span><img src="images/flow.png" width="100%"></span></p>
            </div>
            <div class="third-module">
                <p>消费现金</p>
                <p>- 2元 -</p>
                <a class="cash-entrance">立即购买</a>
            </div>
        </div>
    </div>
</div>
<div class="tab-pane">
    <div class="container">
        <div class="tab-module clearfix">
            <div class="first-module">
                <!--<img src="images/left-img.png" width="100%">-->
            </div>
            <div class="second-module">
                <p>哈尔滨旗航店</p>
                <p><a>￥5</a><span>[满99可用]</span></p>
                <p><span>已领67%</span><span><img src="images/flow.png" width="100%"></span></p>
            </div>
            <div class="third-module">
                <p>消耗积分</p>
                <p>- 4点 -</p>
                <a class="integration-entrance">立即兑换</a>
            </div>
        </div>
    </div>
</div>


<div class="popup cash-popup" style="display: none">
    <div class="popup-con">
        <p class="close-btn icon iconfont fr">&#xe614;</p>
        <div class="cash-payment clearfix">
            <img src="images/cash.png" width="100%">
            <div class="cash-sum">
                <p class="clearfix"><a>5</a> <span>[满99可用]</span></p>
                <p class="store-name">哈尔滨旗航店</p>
            </div>
        </div>
        <a class="pay-btn">
            花4元现金支付
        </a>
    </div>

</div>
<div class="popup jifen-popup" style="display: none">
    <div class="popup-con">
        <p class="close-btn icon iconfont fr">&#xe614;</p>
        <div class="cash-payment clearfix">
            <img src="images/integration-change.png" width="100%">
            <div class="cash-sum">
                <p class="clearfix"><a>5</a> <span>[满99可用]</span></p>
                <p class="store-name">哈尔滨旗航店</p>
            </div>

            <div class="redeem-wraper receive-phone">
                <div class="redeem-phone">
                    <div class="redeem-phone-num ">
                        <i class="icon iconfont">&#xe61a;</i>
                        <input type="text" placeholder="请输入您的手机号码">
                    </div>
                </div>

                <div class="redeem-verification receive-verification">
                    <div class="redeem-verification-num receive-num">
                        <input type="text" placeholder="请输入验证码">
                        <a  class="send1" onclick="sends.send();" >发送验证码</a>
                    </div>
                </div>
            </div>

        </div>
        <a class="pay-btn exchange-btn">
            花4点积分兑换
        </a>
        <p class="jifen">你的账号还有346点积分</p>
    </div>

</div>


<script type="text/javascript" src="../public/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../public/js/common.js"></script>
<script type="text/javascript" src="js/couponDetail.js"></script>
<script src="../public/js/bootstrap.js"></script>
<script type="text/javascript">

    var sends = {
        checked:1,
        send:function(){
            var numbers = /^1\d{10}$/;
            var val = $('.redeem-phone-num input').val().replace(/\s+/g,""); //获取输入手机号码
            if(numbers.test(val)){
                var time = 60;
                function timeCountDown(){
                    if(time==0){
                        clearInterval(timer);
                        $('.redeem-verification-num a').addClass('send1').removeClass('send0').html("发送验证码");
                        sends.checked = 1;
                        return true;
                    }
                    $('.redeem-verification-num a').html(time+"s倒计时");
                    time--;
                    return false;
                    sends.checked = 0;
                }
                $('.redeem-verification-num a').addClass('send0').removeClass('send1');
                timeCountDown();
                var timer = setInterval(timeCountDown,1000);
            }
        }
    }

</script>

</body>
</html>